// 导入vue
import Vue from 'vue'

// 类似于reset，css文件，用于屏蔽浏览器之间样式上的差异
// 所有浏览器显示的样式都是统一的
import 'normalize.css/normalize.css' // A modern alternative to CSS resets

// 导入ElementUI相关配置
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// 配置默认语言，默认英文 en
// 中文 zh-CN
import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n

// 导入样式文件
import '@/styles/index.scss' // global css

// 导入根组件
import App from './App'
// 导入vuex
import store from './store'
// 导入路由
import router from './router'
// 导入图标
import '@/icons' // icon
// 权限控制
import '@/permission' // permission control

/**
 * If you don't want to use mock-server
 * you want to use MockJs for mock api
 * you can execute: mockXHR()
 *
 * Currently MockJs will be used in the production environment,
 * please remove it before going online ! ! !
 */
// 模拟接口 mock 模拟 (忽略)
if (process.env.NODE_ENV === 'production') {
  const {
    mockXHR
  } = require('../mock')
  mockXHR()
}

// set ElementUI lang to EN
// 配置ElemnetUI插件，并且设置中文环境
Vue.use(ElementUI, {
  locale
})
// 如果想要中文版 element-ui，按如下方式声明
// Vue.use(ElementUI)

Vue.config.productionTip = false

// 创建组件
new Vue({
  el: '#app',
  router,
  store,
  // 把根组件渲染到index.html中id为App的div里面
  render: h => h(App)
})
